<template>



	<view>
        <image class="bg" src="../../static/bg-min.png"></image>
		<ju-navigator-grid element-id="navigatorMenu" :list="menu" @press="onPress" height="180" size="90" />
		<!-- 饿了么 -->
		<div class="test-component">
			<navigator target="miniProgram" open-type="navigate" app-id="wx770bd62bc4ca8c7b" path="pages/index/index" extra-data=""
			 version="release" >
				<hm-follow-card :options="elmkp"></hm-follow-card>
			</navigator>
		</div>
		<!-- 饿了么 -->
		<!-- 美团 -->
		<div class="test-component">
			<hm-follow-card :options="meituan"></hm-follow-card>
		</div>
		<!-- 美团 -->
		<!-- 淘宝 -->
		<div class="test-component">
			<hm-follow-card :options="taobao"></hm-follow-card>
		</div>
		<!-- 淘宝 -->
		<!-- 天猫 -->
		<div class="test-component">
			<hm-follow-card :options="elmkp"></hm-follow-card>
		</div>
		<!-- 天猫 -->
		<!-- 京东 -->
		<div class="test-component">
			<hm-follow-card :options="elmkp"></hm-follow-card>
		</div>
		<!-- 京东 -->
		<!-- 拼多多 -->
		<div class="test-component">
			<hm-follow-card :options="elmkp"></hm-follow-card>
		</div>
		<!-- 拼多多 -->
		<!-- 滴滴 -->
		<div class="test-component">
			<hm-follow-card :options="elmkp"></hm-follow-card>
		</div>
		<!-- 滴滴 -->
		<!-- 爱奇艺 -->
		<div class="test-component">
			<hm-follow-card :options="elmkp"></hm-follow-card>
		</div>
		<!-- 爱奇艺 -->


	</view>
</template>

<script>
	import HmFollowCard from '@/components/hm-follow-card/index.vue'
	import cmdNavBar from "@/components/cmd-nav-bar/cmd-nav-bar.vue"
	export default {
		components: {
			HmFollowCard
		},


		data() {
			return {

				//导航				
				menu: [{
						title: "右滑更精彩",
						url: '/pages/index/index',
						icon: "/static/bar/all.png"
					},
					{
						title: "饿了么",
						url: '/pages/index/index',
						icon: "/static/bar/ele.png"
					},
					{
						title: "美团",
						url: '/pages/index/index',
						icon: "/static/bar/meituan.png"
					},
					{
						title: "京东",
						url: '/pages/index/index',
						icon: "/static/bar/jd.png"
					},
					{
						title: "淘宝",
						url: '/pages/taobao/index',
						icon: "/static/bar/tb.png"
					},
					{
						title: "didi",
						url: '/pages/index/index',
						icon: "/static/bar/didi.jpg"
					},
					
				],
				//导航
				//卡片
				elmkp: {
					backgroudImage: '/static/kapian/ele_banner.png',
					followText: '饿了么 - 天天可领取',
				},
				meituan: {
					backgroudImage: '/static/kapian/meituan_banner.png',
					followText: '美团 - 天天可领取',

				},
				taobao: {
					backgroudImage: '/static/kapian/taobao_banner.png',
					followText: '淘宝聚划算百亿补贴',
				
				},
				//卡片
			}
		},
		
		onLoad() {
       
		},
		methods: {
			selectedBanner(item, index) {
				console.log('🥒', item, index)
			}
			
		}
	}
</script>

<style>
	.bg{
		width: 100%;
		height: 580rpx;
	}
	
</style>
